body {
background-color:#213449;
color:white;
margin:0;
padding:0;
text-align:center;
}
.site-links {
background-image:url(/images/site-links-background.gif);
background-position:center bottom;
background-repeat:repeat-x;
height:23px;
}
.site-links a, .site-links a:visited, .site-links strong {
color:white;
text-decoration:none;
}
.site-links a:hover {
color:white;
text-decoration:none;
}
.site-links strong a, .site-links strong a:visited {
display:inline;
text-decoration:none;
margin:0;
padding:0;
}
#page {
background-image:url(/images/shadow.jpg);
background-position:center center;
background-repeat:repeat-y;
}
#logo {
background-image:url(/images/logo-background.jpg);
background-position:left top;
background-repeat:no-repeat;
padding-top:14px;
}
#logo img {
position:relative;
z-index:1;
}
#header, #main-wrapper {
background:white none repeat scroll 0 0;
margin-left:auto;
margin-right:auto;
text-align:left;
width:766px;
}
#header {
background-image:url(/images/header-background.jpg);
background-position:right center;
background-repeat:repeat-y;
}
#header .site-links {
float:left;
width:100%;
}
#main {
background-color:white;
background-image:url(/images/columns.jpg);
background-position:right center;
background-repeat:repeat-y;
color:black;
float:left;
}
#main .site-links {
clear:both;
float:left;
margin-left:auto;
margin-right:auto;
text-align:center;
width:766px;
}
#content-wrapper {
float:left;
margin-right:-400px;
width:766px;
}
#head-wrapper-1 {
background-color:#346090;
background-image:url(/images/blue-columns.jpg);
background-position:center center;
background-repeat:repeat-y;
color:white;
float:left;
margin-bottom:24px;
margin-left:0;
width:100%;
}
#head-wrapper-2 {
float:left;
width:100%;
}
#head {
float:left;
padding-bottom:24px;
padding-top:24px;
width:100%;
}
#head h1 {
font-size:240%;
margin:18px 269px 0 0;
padding-left:32px;
}
#head a {
color:white;
}
#intro, #code {
display:inline;
float:left;
}
#intro {
color:#D3DCE6;
font-size:95%;
padding-bottom:10px;
padding-left:32px;
padding-right:23px;
width:202px;
}
#intro h1 {
background-image:url(/images/dotted-underline.gif);
background-position:center bottom;
background-repeat:repeat-x;
color:white;
font-size:240%;
margin:0 0 0.5em;
padding:4px 0;
}
#intro p {
line-height:150%;
margin-bottom:1em;
margin-top:0;
}
#code {
color:white;
display:block;
font-size:95%;
line-height:110%;
padding-top:24px;
width:244px;
}
#code div {
display:block;
font-family:"Lucida Console",Monaco,monospace;
padding-left:24px;
padding-right:24px;
}
#code .keyword {
color:#F9BB00;
}
#code .comment {
color:#428BDD;
}
#code .string {
color:#00CC00;
}
#code .blank-line {
line-height:70%;
}
#head .multi-page {
float:right;
font-weight:normal;
margin-right:269px;
margin-top:18px;
padding-top:1em;
}
#head .multi-page .separator {
display:none;
}
#head .multi-page a, #head .multi-page strong {
padding:3px 6px;
}
#head .multi-page strong {
border:2px solid #B0C5DD;
}
#content {
line-height:160%;
margin-right:239px;
padding:1px 32px 32px;
}
#content h3 {
background-image:url(/images/dotted-underline.gif);
background-position:center bottom;
background-repeat:repeat-x;
padding-bottom:8px;
}
#content h3 a {
color:#C61A1A;
text-decoration:none;
}
#content h3 a:hover, #content h3 a:visited:hover {
color:#E85353;
}
#content #news ul {
float:left;
line-height:120%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 10px 0 0;
padding:0;
width:220px;
}
#content #news ul li {
background-image:url(/images/bullet.gif);
background-position:left top;
background-repeat:no-repeat;
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0.25em 0 0.75em;
padding:0 0 0 12px;
}
#content #news ul a {
display:block;
font-family:Georgia,Palatino,"Times New Roman",Times,serif;
font-size:125%;
line-height:110%;
text-decoration:none;
}
#content #news ul a:hover, #content #news ul a:visited:hover {
text-decoration:underline;
}
#content #news .more {
clear:both;
margin-top:1em;
}
#content pre {
overflow:auto;
}
#content pre.code {
background-color:#213449;
background-image:url(/images/code-box-top-left.gif);
background-position:left top;
background-repeat:no-repeat;
color:white;
display:block;
width:100%;
}
#content pre.code code {
background-image:url(/images/code-box-bottom-right.gif);
background-position:right bottom;
background-repeat:no-repeat;
display:block;
font-family:"Lucida Console",Monaco,monospace;
font-size:115%;
line-height:135%;
overflow:auto;
padding:15px;
}
#content pre.code .comment {
color:#428BDD;
}
#content pre.code .keyword {
color:#F9BB00;
}
#content pre.code .method {
color:#FFFFFF;
}
#content pre.code .class {
color:#FFFFFF;
}
#content pre.code .module {
color:#005500;
}
#content pre.code .punct {
color:#8AA6C1;
}
#content pre.code .symbol {
color:#B53B3C;
}
#content pre.code .string {
color:#00CC00;
}
#content pre.code .char {
color:#FF0077;
}
#content pre.code .ident {
color:#FFFFFF;
}
#content pre.code .constant {
color:#8AA6C1;
}
#content pre.code .regex {
color:#CA4344;
}
#content pre.code .number {
color:#EDDD3D;
}
#content pre.code .global {
color:#FFFFFF;
}
#content pre.code .expr {
color:#FFFFFF;
}
#content pre.code .escape {
color:#EDDD3D;
}
#content pre.code .attribute {
color:#8AA6C1;
}
#content pre.code.xml-code .string {
color:#FFFFFF;
}
#content dl dt {
font-family:Georgia,Palatino,"Times New Roman",Times,serif;
font-size:120%;
font-weight:bold;
margin-top:1em;
}
#content dl dd {
margin-left:1.5em;
}
#content .error {
color:red;
}
#content .fieldset {
background:#E2EFF6 none repeat scroll 0 0;
border-top:3px solid #39618B;
width:100%;
}
#subscriptions-form .fieldset td {
background-image:url(/images/dark-dotted-underline.gif);
background-position:center bottom;
background-repeat:repeat-x;
padding:5px 5px 5px 15px;
}
#content .fieldset td.label {
text-align:right;
}
#content .buttons {
margin-top:1.5em;
}
#content .buttons input[type="submit"] {
font-size:130%;
}
#sidebar-wrapper {
float:right;
width:237px;
}
#sidebar {
font-size:85%;
margin-top:26px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
}
#sidebar h3 {
background-image:url(/images/dotted-underline.gif);
background-position:center bottom;
background-repeat:repeat-x;
color:#333333;
font-size:130%;
margin-bottom:0.5em;
margin-top:2.5em;
padding-bottom:4px;
}
#sidebar ul, #sidebar ul li {
margin-left:0.75em;
margin-top:0;
padding-left:0;
}
#sidebar ul li {
margin-bottom:0.25em;
}
#sidebar .navigation {
margin-bottom:22px;
}
#sidebar .navigation h9, h3, #sidebar .navigation ul li, #sidebar .navigation .more {
margin:0;
padding:4px 8px;
}
#sidebar .navigation h3, h9 {
background:#1A4676 none repeat scroll 0 0;
color:white;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:100%;
font-weight:normal;
margin:0;
padding-bottom:5px;
}
#sidebar .navigation h3 strong {
font-family:Georgia,Palatino,"Times New Roman",Times,serif;
font-size:130%;
}
#sidebar .navigation ul, #sidebar .navigation ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}
#sidebar .navigation ul li {
background-color:#CBDFF6;
background-image:url(/images/dark-dotted-underline.gif);
background-position:center bottom;
background-repeat:repeat-x;
padding-bottom:8px;
}
#sidebar .navigation .more {
padding-bottom:8px;
}
#sidebar .navigation .menu a, #sidebar .navigation .more a {
text-decoration:none;
}
#sidebar .navigation .menu a:hover, #sidebar .navigation .menu a:visited:hover, #sidebar .navigation .more a:hover, #sidebar .navigation .more a:visited:hover {
text-decoration:underline;
}
#search-box {
clear:both;
margin-left:auto;
margin-right:auto;
text-align:left;
width:738px;
}
#search-form {
position:absolute;
top:57px;
width:738px;
}
#search-box .fieldset {
float:right;
}
#search-form .field {
height:20px;
width:214px;
}
#search-form .button {
height:24px;
width:74px;
}
#foot {
clear:both;
}
#footer p {
color:#8D959F;
font-size:85%;
margin:0 auto 0.75em;
padding:0 14px;
text-align:left;
width:738px;
}
#footer a, #footer a:visited {
color:#B6BCC2;
}
#footer a:hover, #footer a:visited:hover {
color:white;
}
#footer .fine-print {
background-color:#213449;
background-image:url(/images/footer-background.jpg);
background-position:center top;
background-repeat:no-repeat;
clear:both;
line-height:140%;
padding-top:10px;
}
#home-page-layout #head-wrapper-1 {
background-image:url(/images/blue-columns-home-page.jpg);
margin-bottom:-5px;
}
#home-page-layout #head-wrapper-1:first-child {
margin-bottom:24px;
}
#home-page-layout #head-wrapper-2 {
background-image:url(/images/blue-columns-top-home-page.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#home-page-layout #head {
background-image:url(/images/blue-columns-bottom-home-page.jpg);
background-position:center bottom;
background-repeat:no-repeat;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

